<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>03_分区元素</title>
</head>
<body>
<!--行内分区 span没有效果 不会换行 只将本行一部分单独选中-->
官网一直可以下载到 <span style="color: red;">谷歌浏览器</span>的在线安装版
<br>
微软停止在 <span style="color:yellow;">Google Chrome</span> 官网页面上植入 <span style="color: blue;">Edge</span> 浏览器广告
<!--块级分区 没有文字效果 独占一行-->
<div>一个块级分区</div>
<div>两个块级分区</div>
<div>三个块级分区</div>
<hr>
<header>我是头部</header>
<nav>我是导航栏</nav>
<main>我是主要内容</main>
<aside>w我是侧边栏</aside>
<footer>我是页脚</footer>
</body>
</html>